<template>
	<div>
		<myheader>
			<span style="float: left;margin-top: 20px;margin-left: 30px;" class="icon-angle-left" @click="$router.back()"></span>
			<span>登录</span>
			<span style="float: right;font-size: 14px;margin-right: 10px;">密码登录</span>
		</myheader>
		<form action="#">
			<input type="text" name="" id="" value="" placeholder="手机号"/>
			<input type="password" name="" id="" value=""  placeholder="验证码"/>
			<span style="font-size:14px ;">温馨提示：未注册饿了么账号的手机号，登录时将自动注册，且代表您已经同意<span style="color: #0096ff;">&lt;用户服务协议&gt;</span></span>
			<button>登录</button>
		</form>
		<img src="../../assets/img/bottom.png" width="100%" style="position: fixed;bottom: 0;"/>
	</div>
	
</template>

<script type="text/javascript">
	import myheader from '../header'
	export default{
		name:'order',
		components:{
			myheader
		}
	}
</script>

<style type="text/css" scoped="scoped">
	form{margin-top:20px ;}
	form input{width: 100%;margin: auto;height: 50px;border: 1px solid #eeeeee;outline: none;padding: 0px 40px;}
	form input:nth-of-type(1){border-bottom:0px ;}
	button{width: 80%;height: 40px;margin: auto;display: block;border: 0px;background-color: #56d176;color: white;
	color: white;font-size: 16px;border-radius:5px ;}
	form>span{display: block;padding:10px 20px;color: #9b9b9b;}
</style>